<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--#config errmsg="" --><!-- saved from url=(0022)http://help.adobe.com/ -->
<html lang="fr-fr">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="lang" content="fr-fr" />
        <meta name="area" content="livedocs" />
        <title>Photoshop&#160;CS4 * Images&#160;Web</title>
        <meta name="product" content="Photoshop" />
        <meta name="keywords" content="save for web, web, rollover, export to zoomify, hexidecimal, slice, photo galleries" />
        <script type="text/javascript" language="Javascript" charset="UTF-8"><!--[CDATA[
        var currentTreeNode = "WSfd1234e1c4b69f30ea53e41001031ab64-7571a.html";
// ]]--></script>
<script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script>  <script src="utilities.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="event.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="treeview.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="toc.js" language="Javascript" type="text/javascript" charset="UTF-8">..</script> 
<script type="text/javascript">
<!--[CDATA[
var headId = document.getElementsByTagName("head")[0];         
if (use_ie_6_behavior) {
    var linkId = document.createElement("link");
    linkId.href = "content-ie6.css";
    linkId.rel = "stylesheet";
    linkId.type = "text/css";
    headId.appendChild(linkId);
}
function initRoboHelpDOM() {
    if (use_robohelp_behavior) {
        hideElement("searchbar");
        hideElement("hierarchy");
        hideElement("col1");
    }
}
YAHOO.util.Event.onDOMReady(initRoboHelpDOM);
// ]]-->
</script>
<!--#include virtual="/livedocs/ssi/globalheader.ssi" -->
        <link rel="stylesheet" type="text/css" href="tree.css" />
        <link rel="stylesheet" type="text/css" href="content-fonts.css" />
        <link rel="stylesheet" type="text/css" href="content-hyperlinks.css" />
        <link rel="stylesheet" type="text/css" href="content.css" />
        <link rel="stylesheet" type="text/css" href="localeSpecific.css" />
    </head>
    <body id="content_body" onload="window.focus();">
        <a name="top"></a><div id="mnemonic">
            <div class="Photoshop"><table><tr><td class="banner">Photoshop&#160;CS4</td><td class="pod"><img src="images/PDF.gif" width="16" height="16" hspace="15" valign="50%" />&#160;&#160;
                     <a title="PDF" href="http://help.adobe.com/fr_FR/Photoshop/11.0/photoshop_cs4_help.pdf">
                         PDF (adobe.com) 
                    </a></td></tr></table></div>
        </div>
        <div id="searchbar">
<!-- BEGIN SEARCH CONTENT -->
            <form class="search_form" id="search" name="search" action="search.html" target="_self">
                <img src="images/search.png" />
<script type="text/javascript">
<!--[CDATA[
function clearSearch(){
    if (document.search.q.value == terms_AHV_SEARCH_BUTTON){document.search.q.value = ""}; 
}
document.write('<input class=\"search_input\" \
        name=\"q\" \
        id=\"q\" \
        type=\"text\" \
        maxlength=\"256\" \
        value=\"' + terms_AHV_SEARCH_BUTTON + '\" onclick=\"clearSearch()\"><\/input>'); 
// ]]-->


</script> 
            </form>
        </div>
<!-- BEGIN PAGE CONTENT WRAPPER -->
        <div id="page_content_wrapper">
<!-- BEGIN PAGE WRAPPER -->
<table id="page_content_table">
<tr>
<td id="col1">
<!-- BEGIN IONCOMMENTCOUNT -->
            <div id="ionComCount">
            </div>
<!-- END IONCOMMENTCOUNT -->
<!-- BEGIN GROUP TOC WRAPPER -->
            
<!-- END GROUP TOC WRAPPER -->
<!-- BEGIN NAV WRAPPER -->
            <div id="group_toc">
<script type="text/javascript">
<!--[CDATA[
if ( typeof(terms_BOOK_SHORT) != 'undefined' ) {
  document.write("<p>" + terms_BOOK_SHORT + "<\/p>");
}
// ]]-->


</script> 
            </div>
            <div id="nav_content">
            </div>
<!-- END NAV WRAPPER -->
</td>
<td id="col2">
<!-- BEGIN CONTENT WRAPPER -->
<!-- BEGIN BREADCRUMBS -->
            
            <div id="breadcrumb">
                
<ul class="navigation"><li class="prev"><a accesskey="p" class="prev" href="WS7BFBACE3-D166-4647-8225-035EFE73A2C9.html" title="Impression de tons directs"><img src="images/blank.gif" alt="Précédent" width="17" height="17" /></a></li><li class="next"><a accesskey="n" class="next" href="WSC79F5E60-3E9B-44e3-8DDF-0FF1144F5711a.html" title="Vidéo et animation"><img src="images/blank.gif" alt="Suivant" width="17" height="17" /></a></li></ul><div class="hierarchy" id="hierarchy"></div>

            </div>
<!-- END BREADCRUMBS -->
            <div id="content_wrapper">
<!-- BEGIN PAGE TITLE -->
                <h1>
                    Images&#160;Web
                </h1>
<!-- END PAGE TITLE -->
                <div><div class="important"><span class="importanttitle">Important&#160;:  </span>sur le Web, vous disposez d’un système d’aide complet et actualisé. L’application n’a pas détecté de connexion Internet. Pour obtenir la version complète de cette rubrique, cliquez sur le lien ci-dessous ou recherchez dans l’Aide à l’adresse <a href="http://www.adobe.com/go/lr_Photoshop_community_fr" target="_blank">http://www.adobe.com/go/lr_Photoshop_community_fr</a>.</div>
<p>Les outils Web d’Adobe&#160;Photoshop&#160;CS4 peuvent vous aider à concevoir et optimiser des images&#160;Web individuelles ou des dispositions complètes. L’outil&#160;Tranche vous permet de diviser une image ou page en éléments&#160;reliés sans démarcations et d’appliquer différents paramètres de compression et d’interactivité à chaque segment. La boîte de dialogue Enregistrer pour le&#160;Web et les périphériques vous permet de prévisualiser différents paramètres d’optimisation et de régler des paramètres concernant le panneau des couleurs, la transparence et la qualité avant l’enregistrement dans des formats&#160;Web.</p>
<div class="para">Les outils Web de Photoshop facilitent la création d’éléments pour vos pages&#160;Web ou la sortie de pages&#160;Web complètes dans des formats prédéfinis ou personnalisés. <ul><li><p>Utilisez des calques et des tranches pour créer des pages&#160;Web et des éléments d’interface de pages&#160;Web.</p>
</li>
<li><p>Utilisez des compositions de calques pour tester différentes compositions de pages ou exporter des variantes d’une page.</p>
</li>
<li><p>Créez de images survolées de texte ou de bouton, appelées transformations par souris, pour les importer dans Dreamweaver ou Flash.</p>
</li>
<li><p>Créez des animations&#160;Web avec le panneau&#160;Animation, puis exportez-les en tant que fichiers&#160;QuickTime ou qu’images GIF&#160;animées (voir la section <a href="http://help.adobe.com/fr_FR/Photoshop/11.0/WSB8C58284-9DEB-44f2-9D8F-7F77594A8CC2a.html" target="_blank">Création d’animations d’images</a>).</p>
</li>
<li><p>Utilisez la fonction Galerie&#160;Web d’Adobe&#160;Bridge pour transformer rapidement une série d’images en un site&#160;Web interactif à l’aide d’un large éventail de modèles de sites à l’aspect très professionnel.</p>
<p>Pour visionner une vidéo sur la conception de sites&#160;Web avec Photoshop et Dreamweaver, rendez-vous à l’adresse <a href="http://www.adobe.com/go/vid0200_fr" target="_blank">www.adobe.com/go/vid0200_fr</a>.</p>
</li>
</ul>
</div>
<ul class="navlinklist"></ul>
</div>

                <div id="related">
                    <div class="separator">&#160;</div>
                    <div>
</div>
                    <p><a href="http://help.adobe.com/fr_FR/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7571a.html" title="http://help.adobe.com/fr_FR/Photoshop/11.0/WSfd1234e1c4b69f30ea53e41001031ab64-7571a.html">Images&#160;Web (adobe.com)</a></p><p><a href="http://help.adobe.com/fr_FR/Bridge/3.0/WSCF044571-2772-4d28-9EBD-2C9F46AF008A.html" title="http://help.adobe.com/fr_FR/Bridge/3.0/WSCF044571-2772-4d28-9EBD-2C9F46AF008A.html">Création d’une galerie de photos Web dans Adobe&#160;Bridge (adobe.com)</a></p>
                </div>
                <div id="footer">
                    <p><img src="images/Community.png" />&#160;<a title="Aide des communautés (adobe.fr)" href="http://www.adobe.com/go/lr_Photoshop_community_fr">Aide des communautés (adobe.fr)</a></p>
<!-- BEGIN IONCOMMENTS -->
                    <div id="ionComHere">
                    </div>
<!-- END IONCOMMENTS -->
<!--#include virtual="ionComments.ssi" -->
                    <p id="creativecommons"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/" id="creativecommons_text"><img id="creativecommons_img" src="images/CC.png" alt="Ce produit est distribué sous licence Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 3.0 Unported" /></a></p>
                </div>
            </div>
<!-- END CONTENT WRAPPER -->
</td>
</tr>
</table>
        </div>
<!-- END PAGE CONTENT WRAPPER -->
<script type="text/javascript">
<!--[CDATA[
scrollToNameAnchor();
// ]]-->
</script> 
<!--#include virtual="/livedocs/ssi/globalfooter.ssi" -->
<!--#include virtual="/ubi/analytics/analytics_ssi.html" -->
    </body>
</html>